<!--
 * @Author: Ln
 * @Date: 2021-04-25 23:33:13
 * @LastEditors: Ln
 * @LastEditTime: 2021-04-26 01:07:17
 * @Description: 注释
-->

<template>
  <div>主页</div>
  <div>{{ readersNumber }} {{ book.title }}</div>
</template>


<script>
import { ref, reactive, onMounted } from "vue";
export default {
  components: {},
  setup() {
    const readersNumber = ref(0);
    const book = reactive({ title: "六花六花六花" });
    const testFun = () => {
      console.log("fun 执行");
    };
    onMounted(() => {
      testFun();
    });

    return {
      readersNumber,
      book,
      testFun,
    };
  },
};

//参考文档：https://vue3js.cn/docs/zh/guide/composition-api-setup.html#%E7%BB%93%E5%90%88%E6%A8%A1%E6%9D%BF%E4%BD%BF%E7%94%A8
//vue2-vue3 变化参考文章：https://blog.csdn.net/weixin_39849287/article/details/111198219
/* 下面是工具类的调用示例 */
// export default {
//   name: "inex",

//   data() {
//     return {};
//   },
//   mounted() {
//     let that = this;
//     unit.ajax(
//       {
//         url: "/npl/greatming/MemberLogin",
//         loading: true,
//         type: "post",
//         data: {
//           code: "ctu",
//           upwd: "a1075858260",
//         },
//       },
//       function (ret) {
//         console.log(ret);
//         unit.local.set("userInfo", JSON.stringify(ret.Data.userInfo));
//         unit.local.set("token", ret.Data.token);
//         that.toReplace("/");
//       }
//     );
//     unit.ajax(
//       {
//         url: `/api/admin/GetSlideDetails?SlideId=2`,
//         type: "get",
//       },
//       function (ret, err) {
//         if (ret.StatusCode == 0) {
//           console.log(ret.Data);
//         }
//       }
//     );
//     //cookie
//     unit.cookie.set("a1", "a1Value");
//     var v = unit.cookie.get("a1");
//     console.log("获取到的值:", v);
//     unit.cookie.del("a1");
//     //提示
//     unit.toast("xxxxxxxxxxxxxxxxxxxxxxxx");
//   },
// };
</script>

 
